<template>
  <div id='app'>
      <ListNav/>
      <div class="hot-container">
          <Row type="flex" justify="start" class="code-row-bg">
             <Card v-for="(index,i) in [1,2,3,4,5,6,7,8]" :key="i"/>
          </Row>
          <div class="page-div">
             <Page :total="400" class-name="page"  />
          </div>
      </div>
  </div>
</template>

<script>
import Card from '../../components/card'
import ListNav from '../../components/list-nav'
export default {
  components: {ListNav,Card},
  data () {
    return {

    }
  }
}

</script>
<style scoped>
.page-div{
    text-align: center;
    margin-top: 20px;
}
.ivu-page-item{
    background-color: #34495e!important;
}
.ivu-page.mini .ivu-page-item{
    min-width: 40px;
}
.hot-container{
    width: 76%;
    max-width: 1300px;
    margin: 0 auto;
}
</style>
